<!DOCTYPE html>
<html>
<head>
    <script src="/index.js"></script>
    <meta charset="utf-8">
    <title>实验3</title>
    <style>
        ul{/*设置导航栏的框框*/
            margin: 10px 0px;/*框框整体的位置，30px是指离网页的顶部和下部的距离，auto控制的是左右距离为自动调节*/
            width: 105%;/*框框的宽度*/
            height: 105%;/*框框的长度*/
            padding: 0px;/*将框框的padding设置为零，不然会导致框框里的内容与框边缘有间隔*/
            /*border:1px solid #000;添加边框*/
        }
        li{
            list-style-type: none;/* 去掉li前的点 */
            float: left;/*将li设置成做浮动，变为联动*/
        }
        a{
            display: block;/*将a变成块状*/
            width: 150px;/*设置块的宽度*/
            height: 50px;/*设置块的长度*/
            font-family: Microsoft Yahei;
            line-height: 50px;/*设置字体在块中的高度*/
            background-color: #2f4f4f;
            margin: 0px 0px;/*块里的高宽通过margin设置*/
            color: #fff;
            text-align: center;/*字体居中*/
            text-decoration: none;/*去掉下划线*/
            font-size: 15px;
        }
        a:hover{
            background-color: #2f6f4f;
        }
    </style>
</head>
<body>
<div >
    <ul class=daohang>
        <li onclick="httpre()"><a >首页</a></li>
        <li><a href="">python</a></li>
        <li><a href="">java</a></li>
        <li><a href="">自动化</a></li>
        <li><a href="">资源</a></li>
        <li><a href="">笔记</a></li>
        <li><a href="">小游戏</a></li>
        <li><a href="">留言</a></li>
    </ul>
</div>
<div >
    <ul id="test">
        <li>test</li>
    </ul>
</div>
</body>
</html>